<generic>
	<template>

<VBox backgroundColor="white" width="100%" height="100%" verticalGap="0">
<!-- Header --> 
	
	<HBox backgroundColor="#ffffcc" width="100%" height="12%"
					horizontalAlign="left" verticalAlign="middle"
						paddingLeft="20" paddingRight="20" paddingTop="0">

						<Label text="UNI Network" fontFamily="verdana" color="#669966" 
							fontSize="30" verticalAlign="bottom" horizontalAlign="left"/>
	
						<HBox width="100%" height="100%" horizontalAlign="right" verticalAlign="top">
							<Label text="Logged as Ralitsa Ivanova" fontFamily="verdana" fontSize="11"/>
	
						</HBox>
	</HBox>	
	<!--Menu container-->	
	<HBox width="100%">	
			 <!-- Menu-->
		
				<MenuBar id="userMenu" labelField="@label" itemClick="dispatchEvent(, 'menu')" fontWeight="bold"
				alpha="0.5"
				backgroundAlpha="1.0"
				focusAlpha="0.0"
				focusThickness="0.0"
				fillAlphas="[0.0, 0.0, 0.0, 0.0]"
				highlightAlphas="[0.0, 0.0]"
				fillColors="[#ffffff, #ffffff, #ffffff, #ffffff]"
				
				borderColor="#ffffff"
				backgroundColor="#ffffff"
				cornerRadius="0.0"
				width="100%">
			 
				 <dataProvider>
					 <XMLList>
						 <menuitem label="Uni network" >
					
						 <menuitem label="Sign out"/>
						 <menuitem label="Close"/>
						 <menuitem label="Exit"/>
						 </menuitem>
						 <menuitem label="Friends">
						 <menuitem id="addFriends" label="Add friends" />
						 </menuitem>
						 <menuitem label="Profile">
						 <menuitem label="Home" id="home"/>
						 <menuitem label="Share thought" id="sharethought"/>
						 <menuitem label="Share photos" id="sharephotos"/>
						 <menuitem label="Privacy" id="privacy" />
						 <menuitem id="editProfile" label="Edit profile" groupName="status"/>
						 <menuitem label="Online status" type="radio" groupName="status">
						 <menuitem label="Online" type="radio" groupName="status"/>
						 <menuitem label="Away" type="radio" groupName="status"/>
						 <menuitem label="Do not disturb" type="radio" groupName="status"/>
						 <menuitem label="Invisible" type="radio" groupName="status"/>
						 </menuitem>
						 </menuitem>
						 <menuitem label="Help" >
						 <menuitem label="About Uni Network" type="radio" groupName="one"/>
						 <menuitem label="Help" type="radio" groupName="one"/>
						 </menuitem>
					 </XMLList>
				 </dataProvider>
			
			</MenuBar>
	</HBox>							
	
	<!-- Main container-->
	<HBox width="100%" height="100%" horizontalGap="0"> 
	
		<!-- Left container-->
		<VBox backgroundColor="white" width="27%" height="100%" verticalGap="0">
			<LinkBar id="linkbar" color="#0000FF" width="100%" fontWeight="bold" paddingLeft="15" 	
				dataProvider="{myViewStack}"/>

				<ViewStack id="myViewStack" borderStyle="solid" width="100%" height="100%">
				<!-- friends section -->
				 <Canvas id="friends" backgroundColor="#FFFFCC" label="Friends" width="100%" height="100%">
					<template name="friends"/>
				 </Canvas>

				 <!-- Conversations section -->
				 <Canvas id="custInfo" backgroundColor="#FFFFCC" label="Conversations" width="100%" height="100%">
					<template name="conversations"/>
				 </Canvas>

				</ViewStack>
		</VBox>
		
		<!-- user profile contiainer-->
		<HBox backgroundColor="#FFFFCC" id="profileContainer" width="100%" height="100%"> 
			<VBox width="100%" height="100%">
				<HBox paddingTop="10" paddingLeft="10" backgroundColor="#cccc66" width="100%" height="170">
					
					<Box width="109" height="145"
					dropShadowColor="black"
					dropShadowEnabled="true"
					borderColor="black"
					borderStyle="solid"
					borderThickness="1"
					shadowDirection="right"
					shadowDistance="5">
						<Image source="frontend/images/face1.jpg" verticalAlign="middle" scaleX="1.5" scaleY="1.5"/>
					</Box>
					
					<Grid paddingLeft="30">
						 <GridRow>
							 <GridItem>
							 <Label text="Name:" fontWeight="bold"/>
							 </GridItem>
							 <GridItem>
							 <Label text="Ralitsa Ivanova" />
							 </GridItem>
						 </GridRow>
						 
						 <GridRow>
							 <GridItem>
							 <Label text="Year:" fontWeight="bold" />
							 </GridItem>
							 <GridItem>
							 <Label text="4" />
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Specialty:" fontWeight="bold" />
							 </GridItem>
							 <GridItem>
							 <Label text="Software engineering"/>
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Country:" fontWeight="bold" />
							 </GridItem>
							 <GridItem>
							 <Label text="Latvia" />
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Current Thought:" fontWeight="bold"/>
							 </GridItem>
							 <GridItem>
							 <Label text="'bla balblblablablablab'" />
							 </GridItem>
						 </GridRow>
						 <GridRow>
							 <GridItem>
							 <Label text="Status:" fontWeight="bold"/>
							 </GridItem>
							 <GridItem>
							 <Label text="Online" color="green" />
							 </GridItem>
						 </GridRow>
					</Grid>

 
					<!-- profile options -->
					<HBox width="100%" height="100%" verticalAlign="bottom" horizontalAlign="right" paddingRight="20">
						<TabBar dataProvider="viewstack1"  borderColor="red" borderThickness="3"
borderStyle="solid"/>
					</HBox>
					
				</HBox>
				
				
				<!-- mixed container-->
				<VBox width="100%" height="100%" id="mixedContainer">
					 <ViewStack id="viewstack1" width="100%" height="100%">
					 <Canvas label="Photos" width="100%" height="100%">
						<?php include_once('showPhotos.php');?>
					 </Canvas>					
					 <Canvas label="Wall" width="100%" height="100%">
						<?php include_once('showWall.php');?>
					 </Canvas>
					 </ViewStack>
					</VBox>
			</VBox>
		</HBox>
	</HBox>

</VBox>

	
</template>
	
</generic>